/* 1v1 视频电话模式 */
.template-1v1{
  width: 100vw;
  height: 100vh;
  position: relative;
  .big{
    width: 100vw;
    height: 100vh;
  }
  .small{
    position: absolute;
    width: 240rpx;
    height: 320rpx;
    right: 20rpx;
    top: 160rpx;
    z-index: 2;
  }
  .small + .small{
    top: 480rpx;
  }
  .none.small{
    top: 480rpx;
  }
  // 等待区域
  .loading {
    position: absolute;
    top: 40vh;
    left: 50vw;
    transform: translate(-50%, 0);
    width: 300rpx;
    height: 250rpx;
    border-radius: 12rpx;
    background: rgba(0,0,0,0.6);
    color: white;
    padding: 40rpx;
    display: flex;
    flex-direction: column;
    .loading-img {
      height: 200rpx;
      display:flex;
      justify-content: center;
      align-items: center;
      animation: rotate 2s linear infinite;
    }
    .loading-text {
      width: 100%;
      padding-top: 40rpx;
      text-align: center;
    }
    .rotate-img {
      width:160rpx;
      height: 160rpx;
    }
  }
  // 底部按钮区域样式
  .handle-btns {
    position: absolute;
    z-index: 3;
    bottom: 15vh;
    width: 100vw;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }
  .bottom-btns {
    position: absolute;
    z-index: 3;
    bottom: 3vh;
    width: 100vw;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }
  .btn-normal {
    width: 8vh;
    height: 8vh;
    box-sizing: border-box;
    display: flex;
    background: white;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    .btn-image{
      width: 4vh;
      height: 4vh;
    }
  }
  .btn-hangup  {
    width: 8vh;
    height: 8vh;
    background: #f75c45;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    .btn-image{
      width: 4vh;
      height: 4vh;
    }
  }
}

.pusher{
  height: 100%;
}
.player{
  height: 100%;
  width: 100%;
}

@keyframes rotate {
  0%{ transform: rotate(0deg);}
  50%{ transform: rotate(180deg);}
  100%{ transform: rotate(360deg);}
}

